<template id="bar">
<div id="v-content" v-bind:style="{minHeight: Height+'px'}"> 
<van-tabbar route active-color="orange">
<van-tabbar-item replace to="/index" icon="wap-home-o">首页</van-tabbar-item>
<van-tabbar-item replace to="/order" icon="orders-o">订单</van-tabbar-item>
<van-tabbar-item replace to="/my" icon="contact">我的</van-tabbar-item>
</van-tabbar>
</div>

</template>
<script>
export default {
    name:'bar',
    data(){
        return{
            Height:0
        }
    },
    mounted(){
        this.Height = document.documentElement.clientHeight - 100
        window.onresize = ()=>{this.Height = document.documentElement.clientHeight -100}
    }
}
</script>
<style  scoped>

</style>